// html {
//     height: 1500px;
// }

.list-nav{
    margin-top: .266667rem /* 20/75 */;
    .nav {
        padding: 0 .266667rem /* 20/75 */;
        height: 1.066667rem /* 80/75 */;
        line-height: 1.066667rem /* 80/75 */;
        box-sizing: border-box;
        border-top: .026667rem /* 2/75 */ solid #ccc;
        border-bottom: .026667rem /* 2/75 */ solid #ccc;
        font-size: .346667rem /* 26/75 */;        
        background-image: linear-gradient(#fff,#ccc);
        a {
            color: #000;
        }
    }
    .pick {
        width: 1.68rem /* 126/75 */;
        text-align: center;
        height: .8rem /* 60/75 */;
        line-height: .8rem /* 60/75 */;
        margin-right: .266667rem /* 20/75 */;
        margin-top: .133333rem /* 10/75 */;
        background-image: linear-gradient(#ccc,#fff);
        font-size: .32rem /* 24/75 */;
        border-radius: .106667rem /* 8/75 */;
    }
}

// list
.list {
      li {
        width: 100%;
        padding: .266667rem /* 20/75 */ .2rem /* 15/75 */;
        border-bottom: .026667rem /* 2/75 */ solid #ccc;
        background-color: #fff;
        a {
          .image {
            width: 2.666667rem /* 200/75 */;
            height: 2.666667rem /* 200/75 */;
            margin-right: .2rem /* 15/75 */;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .info{
            width: 6.666667rem /* 500/75 */;
            position: relative;
            // background-color: red;
            height: 2.666667rem /* 200/75 */;
            p {
              position: absolute;
              top: .133333rem /* 10/75 */;
              color: #000;
              font-size: .346667rem /* 26/75 */;
              line-height: .44rem /* 33/75 */;
              padding-right: .2rem /* 15/75 */;
            }
            h4 {
                position: absolute;
                top: 1.266667rem /* 95/75 */;
                font-size: .4rem /* 30/75 */;
                color: #E30500;
                font-weight: 400;
            }
            .time {
              position: absolute;
              bottom: .333333rem /* 25/75 */;
              font-size: .32rem /* 24/75 */;
              color: #333;
              font-size: .346667rem /* 26/75 */;
              width: 100%;
            }
          }
        }
      }
    }

// 分页page
.pages {
    height: 1.28rem /* 96/75 */;
    width: 100%;
    padding: .266667rem /* 20/75 */ .8rem /* 60/75 */ 0;
    background-color: #fff;
    margin-bottom: .533333rem /* 40/75 */;
    button {
        width: 2rem /* 150/75 */;
        height: .933333rem /* 70/75 */;
        background-color: #eee;
        border-radius: .133333rem /* 10/75 */;
        font-size: .4rem /* 30/75 */;
    }
    .paging {
        margin: 0 auto;
        // background-color: red;
        width: 2.133333rem /* 160/75 */;
        height: .933333rem /* 70/75 */;
        border-radius: .133333rem /* 10/75 */;
        border: 1px solid #000;
        #selectpage {
            display: block;
            width: 2.066667rem /* 155/75 */;
            border-radius: .133333rem /* 10/75 */;
            height: .8rem /* 60/75 */;
            outline: #000;
            // background-color: lime;
            text-align: center;
            font-size: .4rem /* 30/75 */;
            padding: 0 .266667rem /* 20/75 */;

        }
    }

}




